<html>
<head>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery-ui.js"></script>
<script type="text/javascript">
        $(document).ready(function(){
                $(".objectDrag").draggable({helper:'clone'});  

                $("#garbageCollector").droppable({
                        accept: ".objectDrag",
                        drop: function(event,ui){
                                        console.log("Item was Dropped");
                                        $(this).append($(ui.draggable).clone());
                                }
                });

        });
</script>
</head>
 <div class="objectDrag" 
                style="width:10%; color:white;border:black 1px solid; background-color:#00A">Drag me</div>

        <div id="garbageCollector" style="width:100%; height:400px; background-color:#333; color:white;"> Drop items on me</div>
</html>